<div class="layui-padding-3 layui-text">
  <h1>标题1</h1>
  <p>段落1段落1段落1段落1段落1段落1段落1段落1段落1 <sup class="footnote-ref"><a href="javascript:;">[1]</a></sup></p>
  <h2>标题2</h2>
  <p>段落2段落2 <strong>加粗</strong> <em>强调</em>  段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2段落2</p>
  <p>段落2-1 <code>inline code</code> 段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1段落2-1</p>
  <h3>标题3</h3>
  <p>段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3段落3 <a href="javascript:;">链接</a></p>
  <h4>标题4</h4>
  <h5>标题5</h5>
  <h6>标题6</h6>
  <p>段落6段落6段落6段落6段落6段落6段落6段落6段落6</p>
  <h3>无序列表</h3>
  <ul>
    <li>列表1</li>
    <li>
      列表2
      <ul>
        <li>
          列表2-1
          <ul>
            <li>列表2-1-1</li>
          </ul>
        </li>
        <li>列表2-2</li>
      </ul>
    </li>
    <li>列表3</li>
  </ul>
  <h3>有序列表</h3>
  <ol>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
  </ol>
  <h3>混合列表</h3>
  <ol>
    <li>
      <p>有序列表1</p>
      <ul>
        <li>无序列表1-1</li>
        <li>无序列表1-2</li>
        <li>无序列表1-3</li>
      </ul>
    </li>
    <li>
      <p>有序列表2</p>
      <ul>
        <li>
          <p>无序列表2-1</p>
          <ol>
            <li>有序列表2-1-1</li>
            <li>有序列表2-1-2</li>
          </ol>
        </li>
        <li>
          <p>无序列表2-2</p>
          <ol>
            <li>有序列表2-2-1</li>
          </ol>
        </li>
      </ul>
    </li>
    <li>有序列表3</li>
  </ol>
  <h3>Blockquote</h3>
  <blockquote>
    <p>引用</p>
    <blockquote>内嵌引用<blockquote>内嵌引用</blockquote></blockquote>
  </blockquote>
  <h3>Code</h3>
<pre><code>var cp = function(){
  return gulp.src('./dist/**/*')
  .pipe(gulp.dest(dest));
};
</code></pre>
  <hr>
  <p id="ref-1">Footer</p>
</div>
